
*{ margin:0; padding:0; -webkit-tap-highlight-color: rgba(0,0,0,0); }
a { text-decoration:none; color:#000; }
li{ list-style-type:none; }
img { border:none; max-width:100%; }
body{ background:#fdfdfd; } 

/* ======================================================================================= */

.header{ position:relative; top:0; z-index:100; width:100%; height:45px; background:url(../../image/hdback.jpg) no-repeat; background-size:cover; }
.header .hd-title { font:18px/45px "微软雅黑"; color:#fff; margin:0 10px; border:0px solid #fff; }
.header a { position:absolute; top:0; display:block; width:45px; height:100%; font:18px/45px "微软雅黑"; color:#fff; text-align:center; box-sizing:border-box; border:0px solid #fff; }
.header a:hover { background-color:rgba(255,255,255,0.1); }

.header a.pos-l { left:0; }
.header a.pos-r { right:0; }

.header a.icon { text-indent:-10000px; }
.header a.hd-return{ background-image:url(../icons/hd_return.png); background-position:center; background-repeat:no-repeat; background-size:30px 30px; }
.header a.hd-menu  { background-image:url(../icons/hd_menu.png);   background-position:center; background-repeat:no-repeat; background-size:30px 30px; }
.header a.hd-star  { background-image:url(../icons/hd_star.png);   background-position:center; background-repeat:no-repeat; background-size:30px 30px; text-indent:-10000px; }
.header a.hd-star.selected{ background-image:url(../icons/hd_star_full.png);   background-position:center; background-repeat:no-repeat; background-size:30px 30px; text-indent:-10000px; }

.header.icon-l1 .hd-title { margin-left:45px; margin-right:45px; text-align:center; }
.header.icon-r1 .hd-title { margin-right:45px; }

.header.word-l2 .hd-title { margin-left:56px; margin-right:56px; text-align:center; }
.header.word-l2 .pos-l    { width:56px; }
.header.word-l3 .hd-title { margin-left:74px; margin-right:74px; text-align:center; }
.header.word-l3 .pos-l    { width:74px; }
.header.word-l4 .hd-title { margin-left:92px; margin-right:92px; text-align:center; }
.header.word-l4 .pos-l    { width:92px; }

.header.word-r2 .hd-title { margin-right:56px; }
.header.word-r2 .pos-r    { width:56px; }
.header.word-r3 .hd-title { margin-right:74px; }
.header.word-r3 .pos-r    { width:74px; }
.header.word-r4 .hd-title { margin-right:92px; }
.header.word-r4 .pos-r    { width:92px; }


/* ======================================================================================= */

.footer{ position:absolute; bottom:0; width:100%; z-index:200; height:55px; overflow:hidden; background:#F97FA4; border:0px solid #f00;}
.footer ul{ border:0px solid #f00;}
.footer ul li{ float:left; width:20%;}
.footer ul li:hover { background-color:rgba(255,255,255,0.1); }
.footer ul li.selected { background-color:rgba(255,255,255,0.1); }
.footer ul li a{ display:block; text-align:center; color:#fff;}
.footer ul li a img{ width:25px; margin:6px auto 0;}
.footer ul li a p{ font:12px/20px "微软雅黑"; color:#fff; padding-bottom:2px; }

/* ================================================================================================ */

.content { overflow:auto; box-sizing:border-box; border:0px solid #f00; }

/* ================================================================================================ */

.user_panel{ position:relative; height:100px; background:#f9adc4; overflow:hidden; border:0px solid #fff; }
.user_panel img { position:absolute; left:20px; top:10px; display:block; width:80px; height:80px; border-radius:50%; }
.user_panel div { margin:20px 0 0 120px; }
.user_panel div p { font:14px/2.2em "微软雅黑"; color:#fff; }
.user_panel div p:nth-child(2) { opacity:0.8; }

/* ======================================================================================= */

.cate { width:100%; height:40px; background:#fff; border-bottom:1px solid #eee; }
.cate li { float:left; display:block; width:33%; height:40px; text-align:center; box-sizing:border-box; border-right:1px solid #eee; }
.cate li:last-child { border:none; }
.cate li a { display:block; font:15px/40px "微软雅黑"; color:#555; }
.cate li a:hover { background:rgba(0,0,0,0.02); }
.cate li.selected a { color:#F97FA4; }

/* ======================================================================================= */

.cate.grid4 { width:100%; height:40px; background:#fff; border-bottom:1px solid #eee; }
.cate.grid4 li { float:left; display:block; width:25%; height:40px; text-align:center; box-sizing:border-box; border-right:1px solid #eee; }

/* ======================================================================================= */

.info_panel { margin:10px; padding:5px 10px; overflow:hidden; background:#fff; border-radius:3px; border:1px solid #e8e8e8; }
.info_panel .title { font:16px/1.4em "微软雅黑"; color:#555; margin:0.3em 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.info_panel p { font:15px/1.4em "微软雅黑"; color:#555; margin:0.4em 0; }
.info_panel a { font:15px/1.4em "微软雅黑"; color:#555; margin:0.4em 0; }

.info_panel.pt01 { padding:0; }
.info_panel.pt01 .title { padding:10px; margin:0; background:#fafafa; font:15px/1.4em "微软雅黑"; border-bottom:1px solid #e8e8e8; }
.info_panel.pt01 .contt { padding:10px; }

.info_panel.pt02 .title { padding-bottom:8px; font:15px/1.4em "微软雅黑"; border-bottom:1px solid #e8e8e8; }

/* ======================================================================================= */

.mg_t10px { margin-top:10px; }
.mg_t1em { margin-top:1em; }

/* ======================================================================================= */

.listview { margin:10px; background:#fff; border-radius:3px; border:1px solid #e8e8e8; }
.listview li { border-bottom:1px solid #e8e8e8; }
.listview li:last-child { border:none; }
.listview li p { position:relative; display:block; padding:13px 10px; font:15px/1em "微软雅黑"; color:#555; }
.listview li p.label{ background:#fafafa; }
.listview li p.words{ font:14px/1.4em "微软雅黑"; color:#777; }
.listview li a { position:relative; display:block; padding:13px 10px; font:15px/1em "微软雅黑"; color:#555; outline:none; }
.listview li a:hover { background:#f8f8f8; }
.listview li a .icon { position:absolute; right:10px; top:14px; width:13px; height:13px; border:0px solid #f00; }
.listview li a .descp1{ padding-left:8px; font:12px/15px "微软雅黑"; color:#bbb; border:0px solid #f00; }
.listview li a .descp2{ position:absolute; right:35px; top:15px; font:12px/1em "微软雅黑"; color:#bbb; border:0px solid #f00; }
.listview li a .count1{ position:absolute; right:10px; top:13px; z-index:5; padding:2px 4px; background:#f77; font:12px/1em "微软雅黑"; color:#fff; border-radius:2px; }
.listview li a .count2{ position:absolute; right:35px; top:13px; z-index:5; padding:2px 4px; background:#f77; font:12px/1em "微软雅黑"; color:#fff; border-radius:2px; }
.listview li a .round { border-radius:6px; }

.listview.big { margin:10px; background:#fff; border-radius:3px; border:1px solid #e8e8e8; }
.listview.big li { border-bottom:1px solid #e8e8e8; }
.listview.big li:last-child { border:none; }
.listview.big li a { display:block; padding:15px 10px; font:16px/1em "微软雅黑"; color:#555; }
.listview.big li a .icon{ position:absolute; right:10px; top:17px; width:13px; height:13px; }

/* ======================================================================================= */

.green01{ background:#4AA301 !important; }
.green02{ background:#10A64F !important; }
.green03{ background:#419341 !important; }

.blue01{ background:#54729C !important; }
.blue02{ background:#6C798C !important; }
.blue03{ background:#2B3141 !important; }
.blue04{ background:#58A1AC !important; }
.blue05{ background:#0088D1 !important; }
.blue06{ background:#4BC1F3 !important; }
.blue07{ background:#5B74AE !important; }

.red01{ background:#ee2222 !important; }
.red02{ background:#ff3333 !important; }
.red03{ background:#DB6446 !important; }
.red04{ background:#F86F45 !important; }

.orange01{ background:#f8a82a !important; }
.orange02{ background:#ee8e11 !important; }
.orange03{ background:#FFBA1F !important; }

/* ======================================================================================= */

.covers{ margin:5px; border:1px solid #fdfdfd;}
.covers ul:after { display:block; content:""; clear:both; }
.covers ul li{ position:relative; float:left; width:50%;}

.covers ul li.selected div{ background:#fff; box-shadow:0 0 1px rgba(0,0,0,0.4); }
.covers ul li.selected div p{ background:#fff; }
.covers ul li.selected div:after{ position:absolute; right:3px; bottom:3px; display:block; width:20px; height:20px; content:""; background:url(../icons/icon-success.png) no-repeat; background-size:cover;}

.covers ul li div{ position:relative; margin:0 5px 10px; padding:3px; background:#fff; box-shadow:0 0 1px 0 rgba(0,0,0,0.2); overflow:hidden; cursor:pointer;}
.covers ul li div img{ display:block; width:100%; }
.covers ul li div p  { position:absolute; left:0; bottom:0; width:100%; height:25px; background:#fff; font:13px/25px "微软雅黑"; color:#777; text-indent:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.covers .btn { display:block; background:#4AA301; margin:5px; font:15px/40px "微软雅黑"; color:#fff; text-align:center; box-shadow:0 0 1px 0 rgba(0,0,0,0.2); transition:all 1.5s ease 0s; border-radius:5px; opacity:0.2; }
.covers .btn.selected { border-radius:15px; opacity:1; }

/* ======================================================================================= */

.portraits{ margin:5px; border:1px solid #fdfdfd;}
.portraits h2{ margin:0 5px 10px; font:16px/1.4em "微软雅黑"; color:#555; }
.portraits ul:after { display:block; content:""; clear:both; }
.portraits ul li{ position:relative; float:left; width:25%;}

.portraits ul li.selected div{ background:#fff; box-shadow:0 0 1px rgba(0,0,0,0.4); }
.portraits ul li.selected div:after{ position:absolute; right:12px; bottom:15px; display:block; width:20px; height:20px; content:""; background:url(../icons/icon-success.png) no-repeat; background-size:cover;}

.portraits ul li div{ margin:0 5px 10px; padding:3px; background:#fff; box-shadow:0 0 1px 0 rgba(0,0,0,0.2); overflow:hidden; cursor:pointer;}
.portraits ul li div img{ display:block; width:100%; }

.portraits .btn { display:block; background:#4AA301; margin:5px; font:15px/40px "微软雅黑"; color:#fff; text-align:center; box-shadow:0 0 1px 0 rgba(0,0,0,0.2); transition:all 1.5s ease 0s; border-radius:5px; opacity:0.2; }
.portraits .btn.selected { border-radius:15px; opacity:1; }

/* ======================================================================================= */

#set_username > div { padding:0; }
#set_username .header{ position:absolute; left:0; top:0; z-index:10; width:100%; }
#set_username .fm { padding:65px 20px 20px; }

#set_password > div { padding:0; border:0px solid #f00; }
#set_password .fm { padding:20px 20px 20px; }
#set_password .fm label{ display:block; margin-bottom:10px; font:15px/20px "微软雅黑"; color:#555; }
#set_password .fm .submit { margin-top:25px; }

#set_gender > div { padding:0; }
#set_gender .header{ position:absolute; left:0; top:0; z-index:10; width:100%; }
#set_gender .fm { padding:65px 20px 20px; }

#set_gender .listview { margin:0 0 15px; padding:0 !important; }
#set_gender .listview li{ position:relative; height:40px; }
#set_gender .listview li:after{ display:none;}
#set_gender .listview label { position:absolute; width:100%; height:100%; }
#set_gender .listview label input{ position:absolute; left:15px; top:14px; }
#set_gender .listview label span { position:absolute; right:15px; top:10px; }

#set_address > div { padding:0; }
#set_address .header{ position:absolute; left:0; top:0; z-index:10; width:100%; }
#set_address .fm { padding:65px 20px 20px; }
#set_address input { display:block; width:100%; height:45px; margin:20px 0; box-sizing:border-box; padding:10px; border-radius:5px; border:1px solid #e5e5e5; color:#555; }

#set_descp > div { padding:0; }
#set_descp .header{ position:absolute; left:0; top:0; z-index:10; width:100%; }
#set_descp .fm { padding:65px 20px 20px; }
#set_descp .fm textarea { padding:10px; }

/* ================================================================================================ */

.shops { border:0px solid #f00; }
.shops li { position:relative; padding:10px; border-bottom:1px solid #e5e5e5; }
.shops li:hover { background:rgba(0,0,0,0.03); }
.shops li .shopimg { position:absolute; left:10px; width:100px; height:70px; }
.shops li div { padding-left:110px; }
.shops li div p { margin:0; }
.shops li div p.name { font:16px/1em "微软雅黑"; color:#333; margin-bottom:5px; }
.shops li div p.info { font-size:0; height:13px; margin-bottom:5px; border:0px solid #f00; }
.shops li div p.info .stars { display:inline-block; font:12px/13px "微软雅黑"; width:65px; height:13px; margin-right:10px; text-indent:-10000px; }
.shops li div p.info .price { display:inline-block; font:12px/13px "微软雅黑"; color:#999; }
.shops li div p.addr { font:12px/1.2em "微软雅黑"; color:#999; margin-bottom:5px; }
.shops li div p.dist { font:12px/1.0em "微软雅黑"; color:#999; }

.shops li div p.info .stars.star1 { background:url(../../icons/stars.png) left 0px;   background-size:65px auto; }
.shops li div p.info .stars.star2 { background:url(../../icons/stars.png) left -13px; background-size:65px auto; }
.shops li div p.info .stars.star3 { background:url(../../icons/stars.png) left -26px; background-size:65px auto; }
.shops li div p.info .stars.star4 { background:url(../../icons/stars.png) left -39px; background-size:65px auto; }
.shops li div p.info .stars.star5 { background:url(../../icons/stars.png) left -52px; background-size:65px auto; }

/* ======================================================================================= */

.svclist { background:#fff; border-bottom:none; }

.svclist li { position:relative; min-height:35px; padding:10px; border-bottom:1px solid #e5e5e5; }
.svclist li:hover { background:rgba(0,0,0,0.03); }
.svclist li img { position:absolute; left:10px; display:block; width:90px; height:70px; }
.svclist li div { padding-left:100px; box-sizing:border-box; border:0px solid #f00; }
.svclist li div p { margin:0; }
.svclist li div p.name { font:16px/1em "微软雅黑"; color:#333; margin-bottom:9px; }
.svclist li div p.info { font:13px/1em "微软雅黑"; color:#777; }
.svclist li div p.info span { margin-right:10px; }
.svclist li div p.shop { font:13px/15px "微软雅黑"; color:#777; margin:3px 0; }
.svclist li div p.addr { font:13px/13px "微软雅黑"; color:#777; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.svclist li .btn { position:absolute; right:10px; top:13px; padding:6px 8px; font:12px/1em "微软雅黑"; color:#F97FA4; box-sizing:border-box; border-radius:30px; opacity:0.7; border:1px solid #F97FA4; }

/* ================================================================================================ */

.employees { border:0px solid #f00; }
.employees li { position:relative; padding:5px; border-bottom:1px solid #e5e5e5; }

.employees li .left { display:block; width:80px; height:100px; padding:5px 0; position:absolute; border:0px solid #f00; }
.employees li .left:hover { background:rgba(0,0,0,0.03); }
.employees li .left img { width:60px; height:60px; margin:0 auto 10px; border-radius:50%; border:1px solid #e5e5e5; }
.employees li .left p   { font:12px/15px "微软雅黑"; color:#555; text-align:center; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

.employees li .right { display:block; height:100px; padding:5px 0 5px 10px; margin-left:80px; border:0px solid #f00; }
.employees li .right:hover { background-color:rgba(0,0,0,0.03); }
.employees li .right div { padding-right:25px; }
.employees li .right div p { margin:0; }
.employees li .right div p.name { font:18px/0.8em "微软雅黑"; color:#333; margin:20px 0; border:0px solid #f00; }
.employees li .right div p.name .stars { display:inline-block; width:75px; height:15px; margin-left:10px; text-indent:-10000px; border:0px solid #f00; vertical-align:bottom; opacity:0.7; }
.employees li .right div p.count { font:14px/1.2em "微软雅黑"; color:#999; margin-bottom:5px; }
.employees li .right div p.descp { font:14px/1.0em "微软雅黑"; color:#999; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

.employees li .right div .stars.star1 { background:url(../../icons/stars.png) left 0px;   background-size:75px auto; }
.employees li .right div .stars.star2 { background:url(../../icons/stars.png) left -15px; background-size:75px auto; }
.employees li .right div .stars.star3 { background:url(../../icons/stars.png) left -30px; background-size:75px auto; }
.employees li .right div .stars.star4 { background:url(../../icons/stars.png) left -45px; background-size:75px auto; }
.employees li .right div .stars.star5 { background:url(../../icons/stars.png) left -60px; background-size:75px auto; }

/* ================================================================================================ */

.NoResult { text-align:center; box-sizing:border-box; background:#fff; border:0px solid #f00; }
.NoResult img { width:80px; }
.NoResult p { font:13px/30px "微软雅黑"; color:#ddd; }

/* ================================================================================================ */

.orders { background:#fff; border-bottom:none; }

.orders li { position:relative; min-height:35px; padding:10px; border-bottom:1px solid #e5e5e5; }
.orders li:hover { background:rgba(0,0,0,0.03); }
.orders li img { position:absolute; left:10px; display:block; width:90px; height:70px; }
.orders li div { padding-left:100px; box-sizing:border-box; border:0px solid #f00; }
.orders li div p { margin:0; }
.orders li div p.name  { font:16px/1em "微软雅黑"; color:#333; margin:0 50px 9px 0; }
.orders li div p.price { font:13px/1em "微软雅黑"; color:#777; }
.orders li div p.shop  { font:13px/15px "微软雅黑"; color:#777; margin:3px 0; }
.orders li div p.state { font:13px/13px "微软雅黑"; color:#777; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.orders li div p.state span { color:#F97FA4; }

.orders li .btn { position:absolute; right:10px; top:10px; padding:6px 8px; font:12px/1em "微软雅黑"; color:#F97FA4; border-radius:30px; opacity:0.7; border:1px solid #F97FA4; transition:all 0.2s ease 0s; }
.orders li .btn:hover { background:#F97FA4; color:#fff; }

/* ================================================================================================ */

.order_detail { background:#fff; margin:10px; padding:10px; border:1px solid #e5e5e5; }
.order_detail h3 { font:15px/1.4em "微软雅黑"; color:#555; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #e5e5e5; }
.order_detail img{ display:block; margin-bottom:20px; border-radius:3px; }
.order_detail p  { font:14px/1.4em "微软雅黑"; color:#555; margin:0.4em 0; }
.order_detail .price { position:relative; font:14px/1em "微软雅黑"; color:#f99; margin:0; border-top:1px solid #eee; margin:10px 0 5px; padding-top:15px; }
.order_detail .price .btn { position:absolute; right:0; top:10px; padding:5px 6px; font:12px/1em "微软雅黑"; color:#f5adc3; border-radius:30px; border:1px solid #f5adc3; }
.order_detail .price .btn:hover { background:#f5adc3; color:#fff; }
.order_detail hr { border:none; margin:15px 0;}

/* ================================================================================================ */

.order_comment { background:#fff; margin:10px; padding:10px; border:1px solid #e5e5e5; }
.order_comment h3 { font:15px/1.4em "微软雅黑"; color:#555; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #e5e5e5; }

.order_comment p.info span { display:inline-block; height:15px; font:14px/15px "微软雅黑"; color:#777; border:0px solid #f00; }
.order_comment p.info .stars { width:75px; height:15px; text-indent:-10000px; opacity:0.7; }
.order_comment p.descp { font:14px/1.4em "微软雅黑"; color:#777; margin-top:15px; }

.order_comment p.info .stars.star1 { background:url(../../icons/stars.png) left 0px;   background-size:75px auto; }
.order_comment p.info .stars.star2 { background:url(../../icons/stars.png) left -15px; background-size:75px auto; }
.order_comment p.info .stars.star3 { background:url(../../icons/stars.png) left -30px; background-size:75px auto; }
.order_comment p.info .stars.star4 { background:url(../../icons/stars.png) left -45px; background-size:75px auto; }
.order_comment p.info .stars.star5 { background:url(../../icons/stars.png) left -60px; background-size:75px auto; }

/* ================================================================================================ */

.order_svc { position:relative; display:block; margin:10px; padding:10px; border:1px solid #e5e5e5; }
.order_svc:after { position:absolute; right:10px; top:50%; margin-top:-10px; display:block; width:20px; height:20px; content:""; background:url(../../icons/listview_ar.png) no-repeat; background-size:cover; }
.order_svc:hover { background-color:rgba(0,0,0,0.03); }
.order_svc img { position:absolute; left:10px; display:block; width:90px; height:70px; }
.order_svc div { padding-left:100px; box-sizing:border-box; border:0px solid #f00; }
.order_svc div p.name  { font:16px/1em "微软雅黑"; color:#333; margin:0 50px 9px 0; }
.order_svc div p.price { font:13px/1em "微软雅黑"; color:#777; }
.order_svc div p.shop  { font:13px/15px "微软雅黑"; color:#777; margin:3px 0; }
.order_svc div p.state { font:13px/13px "微软雅黑"; color:#777; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.order_svc div p.state span { color:#F97FA4; }

/* ================================================================================================ */

.order_nums { position:relative; display:block; margin:10px; padding:15px 10px; border:1px solid #e5e5e5; }
.order_nums p { font:15px/1.4em "微软雅黑"; color:#555; }
.order_nums p span { color:#999; }

/* ================================================================================================ */

.hf_overlay { position:fixed; left:0; top:0; z-index:10000; width:100%; height:100%; display:none; }
.hf_overlay > div { position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box; }

.hf_overlay .tips_panel { display:none; }
.hf_overlay .tips_panel p { position:absolute; left:50%; top:50%; width:170px; margin-left:-100px; padding:15px; background:rgba(0,0,0,0.3); border-radius:8px; font:15px/1.4em "微软雅黑"; color:#fff; text-align:center; opacity:0; }